<template>
	<div class="content padding2" >
		<cu-custom style="padding-top: 10rpx;" :isBack="true"></cu-custom>
		<div class="center font56 phone">135****3822</div>
		<div class="center gray font28 margin20">认证服务有中国移动提供</div>
		<div class="button-area margin-top-60">
			<button class="cu-btn bg-blue lg margin-right width90 button-color" @click="register">
			一键注册
			</button>
			<button class="cu-btn bg-white lg margin-right  width90  margin-top-40" @click="other">
			其他号码注册
			</button>

		</div>
		<div class="margin-top-60">
			<label class="radio desc"><radio style="transform:scale(0.7)" value="r1"/>我已阅读并同意：用户使用协议，服务协议，隐私权政策</label>
		</div>
		<div class="button-area margin-top-320">
			<span class="oneKey">支付宝快捷登录</span>
		</div>
	</div>
</template>

<script>

export default {
	data() {
		return {
			checked:false
		};
	},
	onLoad: function () {

	},
	computed: {

	},
	methods: {
		register(){
			alert(1)
		},
		other(){
			alert(2)
		},
	},
	beforeDestroy() {

	},
}
</script>

<style lang="scss" scoped>
.oneKey{
	padding: 20rpx 88rpx;
	color: #4591FE;
	border-radius: 50rpx;
	border: 2rpx solid #4591FE;
}
.margin-top-320{
	margin-top: 320rpx;
}
.padding2{
	padding:0 4%;
}
.content{
	padding-top: 150rpx;
	height: 100%;
}

.center{
	text-align: center;
}
.font56{
	font-size: 60rpx;
}
.phone{
  color: #101317;
}
.gray{
  color: #939393;
}
.font28{
	font-size: 28rpx;
}
.font24{
	font-size: 24rpx;
}
.margin20{
	margin: 10px 0;
}
.margin-top-60{
	margin-top: 60rpx;
}
.margin-top-40{
	margin-top: 40rpx;
}
.button-area{
	width: 100%;
	text-align: center;
}
.button-color{
  background-color: #4591FE;

}
.width90{
	width: 666rpx;
  border-radius: 30rpx;
  height: 100rpx;
	
}
.radio{
	line-height: 40rpx;

}
.desc{
  color: #101317;
}
</style>
